<!--
author: 何其沆(pooky)
desc: Note
date: 2021-11-12
-->
<template>
  <div class="note">
    <div class="note-top">Note</div>
    <div class="note-bottom">
      {{ content }}
    </div>
  </div>
</template>

<script setup>
defineProps({
  content: String
})
</script>

<style scoped lang="less">
.note {
  width: 100%;
  border: 1px solid @border-color;
  margin-top: 16px;
  .note-top {
    width: 100%;
    height: 40px;
    background-color: @bg-color;
    border-bottom: 1px solid @border-color;
    display: flex;
    align-items: center;
    padding-left: 12px;
    color: @text-gray;
  }
  .note-bottom {
    width: 100%;
    height: 142px;
    padding: 10px 12px 0 12px;
    box-sizing: border-box;
    color: @text-black;
  }
}
</style>
